App.require(function () {
    var app = App.getCurrent();
    app.defineComponent("drag-aside", {
        getDomObj: function () {
            this.attachDom(".aside-list", "list")
                .attachEvent("list", "dragstart", this.dragStartHandler, false)
                .attachEvent("list", "dragend", this.dragEndHandler, false)
        },
        dragEndHandler: function (ev) {

        },
        dragStartHandler: function (ev) {
            ev.effectAllowed = "copy";
            ev.dataTransfer.setData("text/plain", ev.target.dataset.type);
            return true;
        },
        render: function (next) {
            this.fetch("./index.html", function (text) {
                next(this.renderHTML(text));
            })
        },
    });
})